<template>
    <Menu
            theme="dark"
            @on-select="onSelect"
            :active-name="activeName"
            class="platform-sider">
        <MenuItem name="2" to="/index/system/user">
            <Icon type="ios-paper"/>
            用户管理
        </MenuItem>
        <MenuItem name="5" to="/index/system/config">
            <Icon type="ios-paper"/>
            系统配置
        </MenuItem>
    </Menu>
</template>

<script>
    export default {
        name: "PlatformSider",
        data() {
            return {
                activeName: ""
            }
        },
        methods: {
            handleOpen(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClose(key, keyPath) {
                console.log(key, keyPath);
            },
            onSelect(name){
                this.activeName = name
            }

        }
    }
</script>

<style scoped>
    .platform-sider {
        position: fixed;
        height: calc(100% - 80px);
        overflow-y: auto;
    }
</style>